import { Component, OnInit } from '@angular/core';
import {$} from 'protractor';

@Component({
  // tslint:disable-next-line:component-selector
  selector: 'nz-demo-collapse-borderless',
  templateUrl: './panel.component.html',
  styleUrls: ['./panel.component.css']
})
export class PanelComponent {
  panel1 = [
    {
      active: true,
      disabled: false,
      name: '籍贯分布',
    }
  ];
  panel2 = [
    {
      active: true,
      disabled: false,
      name: '专业出生年份及人数分布',
    }
  ];
  panel3 = [
    {
      active: true,
      disabled: false,
      name: '专业前10，后10',
    }
  ];
}
  // constructor() { }
  //
  // ngOnInit(): void {
  // }

// // 创建XMlayout对象
// const xm = $.xmlayout.layout();
//
// // 划分成2x3=6的布局
// const data = xm.element(10, true, true, null, [
//   xm.element(1, true, true, null, null, [
//     xm.element(1, true, true, true),
//     xm.element(1, true, true, true)
//   ]),
//   xm.element(2, true, true, null, [
//     xm.element(1, true, true, null, null, [
//       xm.element(1, true, true, true),
//       xm.element(1, true, true, true)
//     ]),
//     xm.element(1, true, true, null, null, [
//       xm.element(1, true, true, true),
//       xm.element(1, true, true, true)
//     ])
//   ])
// ]);
//   // 完成布局的初始化
//   xm.init({
//             data : data,
//             panel : $("#panel"),//传入jquery对象
//   drag_bar_unit : 5,
//   timer : 2000
// });
//
// // 获取划分完成后的6个子容器，每个容器都是一个div
// const panels = xm.getPanels();
//
// // 为每一个子容器添加对应的内容，加载6个echarts图表
// panels[0].load("demo1/test1.html");
// panels[1].load("demo1/test2.html");
// panels[2].load("demo1/test3.html");
// panels[3].load("demo1/test4.html");
// panels[4].load("demo1/test5.html");
// panels[5].load("demo1/test6.html");
//
// $.xmlayout.xm = xm;

